1
00:00:00,660 --> 00:00:01,760
Hello and welcome.

2
00:00:01,780 --> 00:00:09,490
In this video we are going to add some success to make the application more presentable.

3
00:00:10,080 --> 00:00:17,480
I have already made reference to the extent or see a sense inside his team how far.

4
00:00:17,730 --> 00:00:19,240
So this is the link here.

5
00:00:19,250 --> 00:00:25,940
So now I have to read a file with this name so I'm just going to copy the name.

6
00:00:25,950 --> 00:00:28,870
So save me time.

7
00:00:28,960 --> 00:00:32,530
Go file new file.

8
00:00:32,740 --> 00:00:34,280
I do save.

9
00:00:34,710 --> 00:00:40,690
And it opens up the directory where I have the email file.

10
00:00:40,860 --> 00:00:43,650
I'm just going to paste it in and call it.

11
00:00:43,650 --> 00:00:47,640
Call or switch dot csx and click save.

12
00:00:47,640 --> 00:00:51,010
So now I have A C Ss file.

13
00:00:51,180 --> 00:00:54,900
So I have already pre staged this.

14
00:00:54,900 --> 00:00:57,790
SS I'm going to add that on.

15
00:00:57,840 --> 00:00:58,800
Explain.

16
00:00:58,800 --> 00:01:00,160
Line by line.

17
00:01:00,300 --> 00:01:09,030
So let's see a csx So here I am some time in the body tag which contains the actual body of the application

18
00:01:09,280 --> 00:01:09,990
margin.

19
00:01:10,180 --> 00:01:21,600
Here I am using the value subset of margin to three padding zero means no fun family amusin sound serif

20
00:01:22,320 --> 00:01:29,790
when you specify and spot font families good to specify on what on one just think is the first one is

21
00:01:30,030 --> 00:01:31,030
available.

22
00:01:31,130 --> 00:01:38,150
It will default to the second one so I can choose to come out and then type in aerial

23
00:01:41,210 --> 00:01:52,710
query is a common font so if one of them is not available at all default to the second so you can specify

24
00:01:52,710 --> 00:02:03,180
as many fonts you want inside your font to family for this is a simple project I'm just going to leave

25
00:02:03,180 --> 00:02:09,930
it as just on fonts sombreness and let these sounds serif font size.

26
00:02:09,940 --> 00:02:13,380
I'm going to make it 18 pixels line height.

27
00:02:13,380 --> 00:02:21,250
This bit here refers to the height of the text from the airline mechanic.

28
00:02:21,600 --> 00:02:23,000
One point five.

29
00:02:23,340 --> 00:02:30,030
This is the head tag which is a one here so a lot of these here for example here you can see the one

30
00:02:30,030 --> 00:02:30,920
here.

31
00:02:31,380 --> 00:02:41,350
I'm giving it the line height of one point five marjean values for the margins and margins.

32
00:02:41,370 --> 00:02:49,700
Normally when you play in my login you can apply to the top right bottom left to the customer's undervalues

33
00:02:50,030 --> 00:02:51,220
paragraph.

34
00:02:51,390 --> 00:02:55,590
Again the margin for the RAM giving it 5.

35
00:02:56,070 --> 00:03:06,260
And again you apply marjean is top right bottom left and here we've caught the switcher.

36
00:03:06,710 --> 00:03:08,830
What is this here.

37
00:03:08,880 --> 00:03:13,010
What is our tool on the list.

38
00:03:13,020 --> 00:03:23,520
These are the values am giving it making it float to the left giving it to with a source height of pieter's

39
00:03:24,000 --> 00:03:35,270
is a value for the margins kildall before my is top right put on left radios gives it a rounded edge.

40
00:03:35,370 --> 00:03:45,660
The ball down giving it a border of 3 pixels a solid black so on the border to be solid black whatever

41
00:03:45,720 --> 00:03:48,850
it just gives you like round it.

42
00:03:48,930 --> 00:03:54,440
Has it the way two is of it gives the car like his circle shape.

43
00:03:54,650 --> 00:04:02,700
So depending on the values you specified for the director so if you give it a higher value he makes

44
00:04:02,700 --> 00:04:06,170
it to circle.

45
00:04:06,270 --> 00:04:15,090
So these are the various list items the grey term giving a background a long grey wide idea.

46
00:04:15,120 --> 00:04:19,630
Background colour of white the blue background colour blue and so on.

47
00:04:19,650 --> 00:04:25,530
So specifically this year has done and will do a file save.

48
00:04:25,630 --> 00:04:30,680
Then we can check it out see how so I've pulled up my directory and will click on the hinge to himself

49
00:04:30,730 --> 00:04:33,480
file and you can see here.

50
00:04:33,480 --> 00:04:41,360
See these rounded circles here is achieve the key to the border region.

51
00:04:41,400 --> 00:04:47,410
The body radius here on line 28 is responsible for these circles.

52
00:04:47,520 --> 00:04:51,070
Okay that's what gives it its shape.

53
00:04:51,330 --> 00:04:52,560
So I click on one of these.

54
00:04:52,560 --> 00:04:59,310
It would not work at the moment because I have not added a javascript functionality or be doing that

55
00:04:59,400 --> 00:04:59,900
in the net.

56
00:05:00,330 --> 00:05:00,970
Lecture.

57
00:05:01,080 --> 00:05:02,130
Thanks for watching.

58
00:05:02,180 --> 00:05:03,180
And bye for now.